﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link th:href="@{resources/css/axure_rp_page.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{data/styles.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{files/index/styles.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{resources/scripts/echarts.js}"></script>
    <script th:src="@{resources/scripts/jquery-1.7.1.min.js}"></script>
    <script th:src="@{resources/scripts/jquery-ui-1.8.10.custom.min.js}"></script>
    <script th:src="@{resources/scripts/prototypePre.js}"></script>
    <script th:src="@{data/document.js}"></script>
    <script th:src="@{resources/scripts/prototypePost.js}"></script>
    <script th:src="@{files/index/data.js}"></script>
    <script th:src="@{components/angular/angular.js}"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function () {
            return 'resources/images/transparent.gif';
        };
        $axure.utils.getOtherPath = function () {
            return 'resources/Other.html';
        };
        $axure.utils.getReloadPath = function () {
            return 'resources/reload.html';
        };
    </script>


</head>
<body onload="refreshDiv()">
<div id="base" class="" style="position: absolute;left:20%;top:25%;margin-left:-100px;margin-top:-100px;">

    <!-- Unnamed (矩形) -->
    <div id="u74" class="ax_default _默认样式">
        <div id="u74_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u75" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (footer) -->

    <!-- footer (组合) -->
    <div id="u77" class="ax_default" data-label="footer" data-left="0" data-top="0" data-width="1200" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u78" class="ax_default _默认样式">
            <img id="u78_img" class="img " th:src="@{/images/login/u50.png}"/>
            <!-- Unnamed () -->
            <div id="u79" class="text">
                <p><span>版权信息 © 中国信息安全测评中心</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (图片) -->
    <div id="u80" style="width: 1050px;height:550px; top:1%" onload="init()">
        <!-- Unnamed () -->
    </div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('u80'));
        $.get('getInfo/2018-03-23', function (data2) {
            var option = {
                title: {
                    text: '敏感信息发现及分布视图',
                    textStyle: {
                        fontStyle: 'italic',
                        fontWeight: '300',
                        fontSize: '30',
                        height: '60',
                        color: '#000',
                        align: 'left'
                    },
                    top: '0',
                    left: '0',
                },
                tooltip: {
                    trigger: 'item',
                    triggerOn: 'mousemove'

                },
                series: [
                    {
                        //图的类型
                        type: 'sankey',
                        layout: 'none',
                        //图中所用数据，就是上面引入的数据，包括节点和关联两部分
                        data: data2.nodes,
                        links: data2.links,
                        top: '80',
                        itemStyle: {
                            normal: {
                                borderWidth: '0.1',
                                borderColor: '#aaa'
                            }
                        },
                        //线条样式
                        lineStyle: {
                            normal: {
                                type: 'dashed',
                                width: '0.01',
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        })
    </script>
</div>
</body>
</html>
